﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
</head>
<body>
	<!-- 引入头部 -->
	<jsp:include page="header.jsp"></jsp:include>

	<!-- 轮播图 -->
	<div class="am-slider am-slider-default"
		data-am-flexslider="{playAfterPaused: 8000}">
		<ul class="am-slides">
			<c:forEach items="${banList }" var="obj">
				<li><img src="${obj.url }" alt=""></li>
			</c:forEach>
		</ul>
	</div>
	<!-- 轮播图end -->

	<!-- 公司简介 -->
	<section class="index-section">
		<div>
			<span></span> <span></span>
		</div>
		<div class="index-content">
			<section class="index-content-section-first">
				<div>
					<img src="images/sectionbanner.png" alt="">
				</div>
			</section>
			<section class="index-content-section-second">
				<div>
					<div class="index-auto">
						<article>公司介绍</article>
						<h6>COMPANY INTRODUCTION</h6>
						<main>${info.culture}</main>
						<a class="index-button" href="#">查看详情</a>
					</div>
				</div>
			</section>
		</div>
	</section>
	<!-- 公司简介end -->

	<section class="index-product">
		<main>
		<ul>
			<li class="index-active"><a
				href="ProductServlet?method=toDisplay"></a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
		</ul>
		</main>
		<main></main>
		<main></main>
	</section>

	<!-- 精选产品展示 -->
	<section class="index-margin-bottom">
		<div class="index-morecase">
			<span></span> <a href="#">MORE &#62; &#62;</a>
		</div>
		<div class="index-content">
			<div class="product-list">
				<c:forEach items="${proList }" var="obj">
					<div class="am-u-sm-6 am-u-md-6 am-u-lg-4">
						<a href="ProductServlet?method=toDisplay"> <img
							src="${obj.picurl }" />
						</a>
					</div>
				</c:forEach>
			</div>
		</div>
	</section>
	<!-- 精选产品展示end -->

	<!-- 精选新闻展示 -->
	<section class="index-margin-bottom">
		<div class="index-morecase">
			<span></span> <a href="#">MORE &#62; &#62;</a>
		</div>
		<div class="index-content">


			<div class="new-index">
				<ul>
					<li><img src="images/productlogo.png" alt=""></li>
					<li><a href="article_list_content.html"><h3>怎么搭配茶几与沙发?</h3>
							<article>在现代居住空间里面，有沙发的地方似乎总也少不了
								茶几的身影。尤其在现代客厅里，一款实用、时尚的</article></a></li>
				</ul>
				<ul>
					<c:forEach items="${listLimit4}" var="news">
						<li><a href="NewsServlet?method=toNews"><h3>${news.title }</h3>
								<article>${news.content }</article> </a></li>
					</c:forEach>
				</ul>

			</div>
		</div>
	</section>
	<!-- 精选新闻展示end -->

	<!-- 引用底部样式 -->
	<jsp:include page="footer.jsp"></jsp:include>


</body>
</html>